<ui:component xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:m="http://www.ol4jsf.org"
	xmlns:a4j="http://richfaces.org/a4j">

	<style>
		.noMaskClass .rich-mpnl-mask-div {
			display:none;
		}
		.dataContentEditData {
			width:100%;
			height:330px;
			overflow:auto;
		}
	</style>
	
	<rich:modalPanel id="editDataPanelToolbox" minWidth="400" minHeight="460" styleClass="noMaskClass" zindex="10000">
		<f:facet name="header">
			<h:outputText value="#{messages['dataentry.editdata_toolbox_desc']}"/>
		</f:facet>
		
		<f:facet name="controls">
			<h:panelGroup>
				<h:graphicImage value="/img/close.png" styleClass="hidelink"
					id="hideEditDataPanel" />
				<rich:componentControl for="editDataPanelToolbox" attachTo="hideEditDataPanel"
					operation="hide" event="onclick" />
			</h:panelGroup>
		</f:facet>
		
		<h:panelGroup id="panelData">
			<h:form>
				<ui:include src="./includes/selectedZoneTlb.xhtml" />
				
				<br />
				<h:messages />
				<rich:tabPanel id="editDataTabPanel"
					switchType="client"
					selectedTab="firstTab"
					rendered="#{interactiveViewerHelper.selectedZone != null}"
					style="width:100%">
					<rich:tab name="firstTab" label="#{messages['dataentry.editdata.legal_section']}">
						<div class="dataContentEditData">
							<h:panelGrid id="editDataTab1" columns="2" style="width:100%">
								<h:outputText value="#{messages['dataentry.editdata.parcel_name']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedZone.zoneName}" readonly="true" style="width:95%"/>
	
								<h:outputText value="#{messages['dataentry.editdata.location_in_country']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedZone.locationInCountry}" readonly="true" style="width:95%"/>
	
								<h:outputText value="#{messages['dataentry.editdata.geometry_area']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedZone.geometryArea}" readonly="true" style="width:95%"/>
							
								<h:outputText value="#{messages['dataentry.editdata.measured_area']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedZone.measuredArea}" readonly="true" style="width:95%"/>
	
								<h:outputText value="#{messages['dataentry.editdata.documented_area']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedZone.documentedArea}" readonly="true" style="width:95%"/>
							</h:panelGrid>
							<br />
							<div align="center">
								<strong>Datos de Parcela</strong>
								<rich:separator lineType="solid"/>
							</div>
							<h:panelGrid columns="2" style="width:100%" rendered="#{interactiveViewerHelper.selectedParcel != null}">
								<h:outputText value="#{messages['dataentry.editdata.documented_built_area']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedParcel.documentedBuiltArea}" readonly="true" style="width:95%"/>
							
								<h:outputText value="#{messages['dataentry.editdata.ground_built_area']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedParcel.groundBuiltArea}" readonly="true" style="width:95%"/>
							
								<h:outputText value="#{messages['dataentry.editdata.neighborhood']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedParcel.neighborhood}" readonly="true" style="width:95%"/>
	
								<h:outputText value="#{messages['dataentry.editdata.access_way1']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedParcel.accessWay1}" readonly="true" style="width:95%"/>
	
								<h:outputText value="#{messages['dataentry.editdata.access_way2']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedParcel.accessWay2}" readonly="true" style="width:95%"/>
	
								<h:outputText value="#{messages['dataentry.editdata.house_number']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedParcel.houseNumber}" readonly="true" style="width:95%"/>
							</h:panelGrid>
						</div>
					</rich:tab>
					<rich:tab label="#{messages['dataentry.editdata.tax_section']}" rendered="#{interactiveViewerHelper.selectedParcel != null}">
						<div class="dataContentEditData">
							<h:panelGrid id="editDataTab2" columns="2" style="width:100%">
								<h:outputText value="#{messages['dataentry.editdata.commercial_appraisal']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedParcel.commercialAppraisal}" readonly="true" style="width:95%"/>
	
								<h:outputText value="#{messages['dataentry.editdata.fiscal_appraisal']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedParcel.fiscalAppraisal}" readonly="true" style="width:95%"/>
	
								<h:outputText value="#{messages['dataentry.editdata.payed_taxes']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedParcel.payedTaxes}" readonly="true" style="width:95%"/>
	
								<h:outputText value="#{messages['dataentry.editdata.status']}" />
								<h:inputText value="#{interactiveViewerHelper.selectedParcel.status}" readonly="true" style="width:95%"/>
							</h:panelGrid>
						</div>
					</rich:tab>
					<rich:tab label="#{messages['dataentry.editdata.landuse_section']}">
						<div class="dataContentEditData">
							<h:panelGrid id="editDataTab3" columns="2" style="width:100%">
								<h:outputText value="#{messages['dataentry.editdata.current_landuse']}" />
								<h:inputTextarea id="nameCurrentLandUse"
									readonly="true"
									value="#{interactiveViewerHelper.currentLandUseName}"
									style="width:95%"
									rows="2">
								</h:inputTextarea>
	
								<h:outputText value="#{messages['dataentry.editdata.proposed_landuse']}" />
								<h:inputTextarea id="nameProposedLandUse"
									readonly="true"
									value="#{interactiveViewerHelper.proposedLandUseName}"
									style="width:95%"
									rows="2">
								</h:inputTextarea>
							</h:panelGrid>
						</div>
					</rich:tab>
				</rich:tabPanel>
				<br />
			</h:form>
		</h:panelGroup>
	</rich:modalPanel>

</ui:component>

